<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!-- Preloader -->
<div class="preloader"></div>
<!-- Main Header-->
<header class="main-header header-style-two">
	<!-- Header Top -->
	<div class="header-top">
		<div class="auto-container">
			<div class="clearfix">

				<!-- Top Left -->
				<div class="top-left pull-left">
					<!-- Info List -->
					<ul class="info-list">
						<li><span class="icon fa fa-location-arrow"></span> 27
							Division St, New York, USA</li>
						<li><span class="icon fa fa-phone"></span> <a
							href="tel:+1-044-123-456-789"> +1 (044) 123 456 789</a></li>
						<li><span class="icon fa fa-envelope-o"></span> <a
							href="mailto:info@example.com"> info@example.com</a></li>
					</ul>
				</div>

				<!-- Top Right -->
				<div class="top-right pull-right">

					<!--Language-->
					<div class="language dropdown">
						<a class="btn btn-default dropdown-toggle" id="dropdownMenu2"
							data-toggle="dropdown" aria-haspopup="true"
							aria-expanded="true" href="#"><span
							class="flag-icon fa fa-globe"></span>EN &nbsp;<span
							class="icon fa fa-angle-down"></span></a>
						<ul class="dropdown-menu style-one"
							aria-labelledby="dropdownMenu2">
							<li><a href="#">English</a></li>
							<li><a href="#">German</a></li>
							<li><a href="#">Arabic</a></li>
							<li><a href="#">Hindi</a></li>
						</ul>
					</div>

				</div>

			</div>
		</div>
	</div>

	<!-- Header Upper -->
	<div class="header-upper">
		<div class="auto-container clearfix">

			<div class="pull-left logo-box">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt=""
						title=""></a>
				</div>
			</div>

			<div class="nav-outer clearfix">
				<!--Mobile Navigation Toggler-->
				<div class="mobile-nav-toggler">
					<span class="icon flaticon-menu"></span>
				</div>
				<!-- Main Menu -->
				<nav class="main-menu navbar-expand-md">
					<div class="navbar-header">
						<!-- Toggle Button -->
						<button class="navbar-toggler" type="button"
							data-toggle="collapse" data-target="#navbarSupportedContent"
							aria-controls="navbarSupportedContent" aria-expanded="false"
							aria-label="Toggle navigation">
							<span class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
					</div>

					<div class="navbar-collapse collapse clearfix"
						id="navbarSupportedContent">
						<ul class="navigation clearfix">
							<li class="current dropdown"><a href="${rootPath }/IndexHeadServlet?method=main">首页</a>
								<ul>
									<li><a href="index.html">Home Page 01</a></li>
									<li><a href="index-2.html">Home Page 02</a></li>
									<li><a href="index-3.html">Home Page 03</a></li>
									<li class="dropdown"><a href="#">Header Styles</a>
										<ul>
											<li><a href="index.html">Header Style 01</a></li>
											<li><a href="index-2.html">Header Style 02</a></li>
											<li><a href="index-3.html">Header Style 03</a></li>
										</ul></li>
								</ul>
							</li>
							<li class="dropdown"><a href="#">关于我们</a>
								<ul>
									<li><a href="about.html">About Us</a></li>
									<li><a href="faq.html">Faq</a></li>
									<li><a href="price.html">Price</a></li>
									<li><a href="team.html">Team</a></li>
									<li><a href="time-table.html">Time Table</a></li>
									<li><a href="testimonial.html">Testimonial</a></li>
									<li><a href="comming-soon.html">Comming Soon</a></li>
								</ul></li>
							<li class="dropdown"><a href="#">课程</a>
								<ul>
									<li><a href="classes.html">Classes</a></li>
									<li><a href="classes-detail.html">Classes Detail</a></li>
								</ul></li>
							<li class="dropdown"><a href="#">商品</a>
								<ul>
									<li><a href="shop.html">Our Products</a></li>
									<li><a href="shop-single.html">Product Single</a></li>
									<li><a href="shopping-cart.html">Shopping Cart</a></li>
									<li><a href="checkout.html">Checkout</a></li>
									<li><a href="account.html">Account</a></li>
								</ul></li>
							<li class="dropdown"><a href="#">博客</a>
								<ul>
									<li><a href="blog.html">Our Blog</a></li>
									<li><a href="blog-single.html">Blog Single</a></li>
									<li><a href="not-found.html">Not Found</a></li>
								</ul></li>
							<li><a href="contact.html">留言</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</div>
				</nav>

			</div>

		</div>
	</div>
	<!--End Header Upper-->

	<!-- Sticky Header  -->
	<div class="sticky-header">
		<div class="auto-container clearfix">
			<!--Logo-->
			<div class="logo pull-left">
				<a href="index.html" title=""><img src="images/logo-small.png"
					alt="" title=""></a>
			</div>
			<!--Right Col-->
			<div class="pull-right">
				<!-- Main Menu -->
				<nav class="main-menu">
					<!--Keep This Empty / Menu will come through Javascript-->
				</nav>
				<!-- Main Menu End-->

			</div>
		</div>
	</div>
	<!-- End Sticky Menu -->

	<!-- Mobile Menu  -->
	<div class="mobile-menu">
		<div class="menu-backdrop"></div>
		<div class="close-btn">
			<span class="icon flaticon-multiply"></span>
		</div>

		<nav class="menu-box">
			<div class="nav-logo">
				<a href="index.html"><img src="images/logo-2.png" alt=""
					title=""></a>
			</div>
			<div class="menu-outer">
				<!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
			</div>
		</nav>
	</div>
	<!-- End Mobile Menu -->

</header>
<!-- End Main Header -->